<template>
    <div class="team-user-detail flex">
      <div class="left flex flex-end">
        <div class="section user-detail page-content">
          <!--<div class="set-path flex">
            <el-link :underline="false">首页</el-link>|
            <el-link :underline="false">研究团队</el-link>|
            <div class="el-link">人员详情</div>
          </div>-->
          <SetPath :path="[{label: '研究团队', path: '/team'}, {label: '人员详情'}]" />
          <div class="user-info">
            <div class="user-img margin-12-0">
              <img src="/src/assets/images/border/top1.png" style="left: 0; top: -4px" alt="">
              <img src="/src/assets/images/border/top1.png" style="right: 0; bottom: -4px" alt="">
            </div>
            <h4 class="user-name padding-12-0 margin-0 center">{{ userDetail.name }}</h4>
            <p class="user-position">{{ userDetail.position }}</p>
          </div>
        </div>
      </div>

      <div class="right">
        <div>
          <h4 class="intro-label">
            <img src="/src/assets/images/border/top3.png" class="border-top" alt="">
            简介
          </h4>
          <p>{{userDetail.desc}}</p>
        </div>
        <div>
          <h4 class="intro-label">
            <img src="/src/assets/images/border/top3.png" class="border-top" alt="">
            研究方向
          </h4>
          <p>{{userDetail.main}}</p>
        </div>
        <div>
          <h4 class="intro-label">
            <img src="/src/assets/images/border/top3.png" class="border-top" alt="">
            研究成果
          </h4>
          <p>{{userDetail.result}}</p>
        </div>
      </div>

    </div>
</template>

<script setup lang="ts">
import SetPath from '@/pages/layout/component/SetPath.vue'

const userDetail = {
  name: '陈润生（院士工作站）',
  position: '中国科学院院士',
  main: '理论生物学、生物信息学、非编码RNA',
  result: '三十多年来在生物信息学领域进行了系统的研究，曾参加我国第一个完整基因组泉生热袍菌B4基因组序列的组装和基因标识，曾参加人类基因组1%和水稻基因组工作草图的研究。近十几年主要从事非编码RNA的系统发现与功能研究。共发表SCI收录的学术论文350余篇。是我国最早从事理论生物学和生物信息学研究的科研人员之一，一直从事数理科学与生物学的交叉研究，是我国以基因组为研究对象进行生物信息学研究的先行者。',
  desc: '中国科学院生物物理研究所研究员，中国科学院核酸生物学重点实验室学术委员会主任。2007年当选为中国科学院院士。2008年获何梁何利基金科学与技术进步奖。2012年获谈家桢生命科学成就奖。2013年获得国家科学技术进步奖二等奖，2014年当选为国际欧亚科学院院士。。'
}

</script>

<style lang='scss' scoped>
p {
  font-size: 18px;
  color: #4D4D4D;
  line-height: 36px;
  max-width: 828px;
}
.intro-label {
  display: flex;
  margin: 0;
  align-items: center;

  img {
    height: 32px;
    margin-right: 8px;
  }
}
.team-user-detail {
  padding-top: 64px;
  align-items: flex-start;
}
.left {
  flex: 36% 0;
  min-height: 700px;
  padding: 48px 0;
  background: #F5F5F6;
  align-items: flex-start;
}
.user-detail {
  width: 280px;
  padding-top: 24px;
  padding-right: 40px;

  .user-info {
    .user-img {
      width: 282px;
      height: 376px;
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-color: #dedede;
      img {
        height: 4px;
        position: absolute;
      }
    }

    .user-name {
      font-size: 24px;
    }
    .user-position {
      color: #4D4D4D;
      margin: 0;
      text-align: center
    }
  }
}
.right {
  flex: 1;
  padding: 48px;
}

</style>